<template>
  <ul class="schedule border-bottom">
    <li class="border-bottom" v-for="item of list" :key="item.id">
      <div class="schedule-left">
        <h3>{{item.desc}}</h3>
        <div class="left-yuding">
          <img src="https://img1.qunarzz.com/piao/fusion/1804/25/792e9929973a9902.png">
          23:59前可订明日
        </div>
        <div>预订须知</div>
      </div>
      <div class="schedule-right">
        <p>￥{{item.money}}</p>
        <div>预订</div>
      </div>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'Schedule',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .schedule
    background #F5F5F5
    overflow hidden
    padding-left 0.2rem
    li
      overflow hidden
    .schedule-left
      float left
      width 60%
      font-size 0.3rem
      h3
        margin 0.2rem auto
      div
        margin-bottom 0.15rem
    .schedule-right
      float left
      width 40%
      p
        margin-top 0.5rem
        color orange
        text-align center
      div
        background orange
        color white
        margin-right 0.2rem
        text-align center
        border-radius 0.06rem
        padding 0.2rem 0
</style>
